<div id="consultervol">
	<div class = "row">
		<div class="col-md-12">
			<div class="row">
				<div class="col-md-6">
					<div class="form-group">
						<label class="col-sm-4 control-label">Nom du vol</label>
						<div class="col-sm-8">
							{{volSelected.name}}
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="panel panel-default">
						<div class="panel-heading"><h4 class="panel-title">Départ</h4></div>
						<div class="panel-body row">
							<div class="col-xs-12 form-group">
								<label class="col-sm-4 control-label">Ville de d&eacutepart </label>
								<div class="col-sm-8">
									{{volSelected.departureTown}}
								</div>
							</div>
							
							<div class="col-xs-12 form-group">
								<label class="col-sm-4">Heure de d&eacutepart</label>
								<div class="col-sm-8">
									{{departureTimeText}}
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="col-md-6">
					<div class="panel panel-default">
						<div class="panel-heading"><h4 class="panel-title">Arrivée</h4></div>
						<div class="panel-body row">
							<div class="col-xs-12 form-group">
								<label class="col-sm-4" for="IVilleDest">Ville d'arriv&eacutee</label>
								<div class="col-sm-8">
									{{volSelected.arrivalTown}}
								</div>
							</div>
							
							<div class="col-xs-12 form-group">
								<label class="col-sm-4" for="IHeureArr">Heure d'arriv&eacutee</label>
								<div class="col-sm-8">
									{{arrivalTimeText}}
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<h4>Hotels liés au vol</h4>
			<table class="table table-striped table-hover">
				<thead>
					<tr>
						<th>#</th>
						<th>Nom</th>
						<th>Adresse</th>
						<th>Classification</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="h in volSelected.hotels" class="animate">
						<td>{{h.id}}</td>
						<td>{{h.name}}</td>
						<td>{{h.address}}</td>
						<td>{{h.classification}}</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
